<?php $__env->startSection('title','兑换记录'); ?>

<?php $__env->startSection('css'); ?>
    <style>
        /*#d79705;渐变色调浅色：#dec07a*/
        body{
            background-color: #ECECEC;
        }
        .body{
            font-size: 14px;
        }

        .item{
            padding: 10px 15px;
            box-sizing: border-box;
            background: #fff;
            margin-bottom: 5px;
        }
        .item img{
            margin-right: 15px;
        }
        .item p{
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .nav_bar{
            background-color: #fff;
            /*box-shadow: 0px 2px 12px 1px #D0D0D0;*/
            padding: 10px 15px;
            text-align: center;
            border-bottom: 1px solid #D0D0D0;
        }
        .nav_bar>.nav_back {
            background: url(/images/version1/icon_bar_back.png) no-repeat;
            background-size: 20px 20px;
            display: inline-block;
            float: left;
        }

        .item_desc,.use_credits{
            display: inline-block;
        }
        .use_credits{
            color: #d79705;
            font-size: 16px;
            float: right;
            margin-top: 10px;
        }
        .created_at{
            font-size: 12px;
            color: #aaa;
        }
        .date_time{
            font-size: 12px;
            padding: 5px 0px;
            padding-left: 15px;
            color: #aaa;
        }
        .nav_bar{
            background-color: #fff;
            padding: 10px 15px;
            text-align: center;
            border-bottom: 1px solid #D0D0D0;
            position: relative;
        }
        .nav_bar>.nav_back {
            background: url('/images/version1/icon_bar_back.png') no-repeat;
            background-size: 20px 20px;
            position: absolute;
            left: 10px;
            top: 12px;
        }
    </style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('container'); ?>
    <div class="body">
        <div class="nav_bar">
            兑换记录<div class="nav_back"></div>
        </div>

        <div class="list">
            <div class="item_body">
                <?php $__empty_1 = true; $__currentLoopData = $data; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$records): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                    <div class="date_time"><?php echo e($key); ?></div>
                    <?php $__currentLoopData = $records; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $record): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="item">
                            <img src="<?php echo e(asset('/images/version1/bgk_kfc.png')); ?>" width="40" height="40" alt="">
                            <div class="item_desc">
                                <p class="title"><?php echo e($record->title); ?></p>
                                <p class="created_at"><?php echo e($record->created_at); ?></p>
                            </div>
                            <div class="use_credits">
                                <?php echo e($record->value); ?>

                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                    <div class="weui-loadmore weui-loadmore_line empty">
                        <span class="weui-loadmore__tips">到底了:(</span>
                    </div>
                <?php endif; ?>
            </div>

        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>

    <script type="text/javascript" class="navbar js_show">
        $(function(){
            $('.weui-navbar__item').on('click', function () {
                $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
                var id = $(this).data('id');
                $('.weui-tab__panel').hide();
                $('#'+id).show();
            });
        });
    </script>
<?php $__env->stopSection(); ?>


<?php echo $__env->make('layouts._main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>